<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"/>
        <title>Sistema de control de líneas de mantenimiento</title>
        <link rel="stylesheet" type="text/css" href="css/adsi.css"/>
        <link rel="stylesheet" type="text/css" href="css/scal.css" />
        <script type="text/javascript" src="js/prototype.js"></script>
        <script type="text/javascript" src="js/scriptaculous.js"></script>
        <script type="text/javascript" src="js/scal.js"></script>
        <script type="text/javascript" src="js/adsi.js"></script>
    </head>
    <body onload="loaded()">
        <div id="lock" style="display:none">
            <div id="move"><em>mover</em></div>
            <div id="calendar" class="googleblue" onclick="calendarSelection()"></div>
            <div id="close" onclick="closeCalendar()">[CERRAR]</div>
            <span id="selected-date" style="display:none"></span>     
            <script>loadCalendar()</script>
        </div>
        <div id="main">
            <div id="header">
                <img src="img/logo.png"/>
                <h1>Sistema para control de líneas de mantenimiento</h1>
            </div>
            
            <div id="menu">
                <ul id="items">
                    <li><a href="#lines">Líneas</a></li>
                    <li><a href="#equipments">Equipos</a></li>
                    <li><a href="#maintenances">Mantenimientos</a></li>
                </ul>
                <ul id="nav">
                    <li><span onclick="back()">&lt; Atrás</span></li>
                    <li>|</li>
                    <li><span onclick="forward()">Adelante &gt;</span></li>
                </ul>
            </div>
            
            <div id="container">
                <!-- AJAX -->
            </div>
            
        </div><!--/main-->
    </body>
</html>